/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<      表格      >>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

.RepairList-MyTable {
  position: relative;

  /* ============================== 标题 ============================== */
  &-title {
    position: relative;

    &::before,
    &::after {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 24px;
      height: 24px;
      line-height: 19px;
      border-radius: 50%;
      box-sizing: border-box;
      font-size: 12px;
      text-align: center;
      background: var(--White);
    }
  }

  /* ============================== 加急 ============================== */
  &-hasten::before {
    content: "急";
    border: 2px solid #ff6a55;
    color: #ff6a55;
    transform: translate(-100px, -50%);
  }

  /* ============================== 督察 ============================== */
  &-supervise::after {
    content: "督";
    border: 2px solid #f3ba4a;
    color: #f3ba4a;
    transform: translate(76px, -50%);
  }

  /* ============================== 超时 ============================== */
  .DetailRepair-RepairBase {
    &-timeout-1,
    &-timeout-2,
    &-timeout-3 {
      /* —————————————————————————————— 文字 —————————————————————————————— */
      &::after {
        transform: translate(40px, -50%);
      }
    }
  }
}
